<template>
	<view class="u-flex-col ">
		<view class="u-flex-col content">
				<view class=" u-flex u-row-center content title">
					21年考研政治预测卷时政选择合集
				</view>
				<view class="u-flex u-row-center content">
					<view class="title ">正确率</view>
					<view class="title">98%</view>
				</view>
				<view class="u-flex u-row-center content u-row-around">
					<view class="title">总量165</view>
					<view class="title">学习28</view>
					<view class="title">笔记13</view>
				</view>
		</view>
		
		<view class="content u-flex u-flex-wrap u-row-around">
			<view class=" u-flex list u-m-20 u-row-center u-col-center" v-for="item in list">
				<text>{{item}}</text>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:{
						first:'第一章（25/3/8）',
						second:'第二章（145/36/48）',
						third:'第三章（23/23/18）',
						forth:'第四章（423/133/18）',
						fifth:'第五章（423/236/18）',
						sixth:'第六章（234/16/18）',
						seventh:'第七章（523/16/18）',
						eighth:'第八章（23/16/18）',
						nineth:'第九章（233/16/18）',
						tenth:'第十章（44/16/18）'
					},	
				}
		}
	}
</script>

<style>
	page{
		background-color: #ededed;
	}
	.content{
		width: 98%;
	}
	.list{
		width: 40%;
		height: 150rpx;
		background-color: #007AFF;
		border-radius: 12rpx;
	}
	.title{
		font-size: 48rpx;
		font-weight: 500;
	}
</style>
